<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- <link rel="stylesheet" href="./css/shoppingCart.css"> -->
    <!-- <link rel="stylesheet" href="./css/public.css"> -->
    <!-- <link rel="stylesheet" href="./css/shoppingCart.css"> -->
    <link rel="stylesheet" href="./css/shoppingCart.css">
</head>

<body>
    <header>
        <p>购物车</p>
    </header>
    <section class="container">
        <section class="orderForm">
            <section class="formTop clearfix">
                <section class="circle fl">
                </section>

                <!-- 图片部分 -->
                <!-- <section class="topright"> -->
                <section class="iconNatie fl">
                    <img src="./img/gwc_natieTop.png" alt="">
                </section>
                <!-- <section class="inner"> -->
                <!-- 文字部分 -->
                <section class="formLeft">
                    <p class="titC">冲绳黑糖拿铁</p>
                    <p class="nameC">Brown Sugar Latte</p>
                    <p class="priceC">￥19.9&nbsp;&nbsp;<span class="shanchu">￥27</span></p>
                </section>

                <!-- 按钮部分 -->
                <section class="formRight">
                    <p class="sub"><span class=""></span></p>
                    <p class="numb">1</p>
                    <p class="add"><span class="heng"></span><span class="shu"></span></p>
                </section>

            </section>
            <hr>
            <section class="formBottom clearfix">
                <section class="circle fl">
                </section>
                <section class="iconNatie fl">
                    <img src="./img/gwc_natieTop.png" alt="">
                </section>

                <section class="formLeft">
                    <p class="titC">冲绳黑糖拿铁</p>
                    <p class="nameC">Brown Sugar Latte</p>
                    <p class="priceC">￥19.9&nbsp;&nbsp;<span class="shanchu">￥27</span></p>
                </section>


                <section class="formRight">
                    <p class="sub"><span class=""></span></p>
                    <p class="numb">1</p>
                    <p class="add"><span class="heng"></span><span class="shu"></span></p>
                </section>
            </section>
        </section>

        <!-- 推荐 -->
        <section class="recommend">
            <section class="recomTop">
                <span class="shape"></span>
                <span class="coff">推荐咖啡</span>
                <span class="chang">换一批&gt;</span>
            </section>
            <section class="recomBot">
                <section class="leftRec">
                    <section class="leftTop"><img src="./img/gwc_natie.png" alt=""></section>
                    <section class="leftBot">
                        <p class="titl">冲绳黑糖拿铁</p>
                        <p class="tag">Brown&nbsp;Sugar&nbsp;Latte</p>
                        <p class="pri">￥19.9</p>
                        <p class="gwc">
                            <img src="./img/gwc_tyGwc.png" alt="">
                        </p>

                    </section>
                </section>
                <section class="centerRec">
                    <section class="leftTop"><img src="./img/gwc_natie.png" alt=""></section>
                    <section class="leftBot">
                        <p class="titl">冲绳黑糖拿铁</p>
                        <p class="tag">Brown&nbsp;Sugar&nbsp;Latte</p>
                        <p class="pri">￥19.9</p>
                        <p class="gwc">
                            <img src="./img/gwc_tyGwc.png" alt="">
                        </p>

                    </section>
                </section>
                <section class="rightRec">
                    <section class="leftTop"><img src="./img/gwc_natie.png" alt=""></section>
                    <section class="leftBot">
                        <p class="titl">冲绳黑糖拿铁</p>
                        <p class="tag">Brown&nbsp;Sugar&nbsp;Latte</p>
                        <p class="pri">￥19.9</p>
                        <p class="gwc">
                            <img src="./img/gwc_tyGwc.png" alt="">
                        </p>

                    </section>
                </section>
            </section>
        </section>

    </section>


    <section class="priceSum">
        <span class="yinfu">应付合计：<span class="sumPri">￥39.8</span></span>
        <p> <a href="./order.html">
        去结算
        </a>
        </p>
    </section>

    <footer class="payMoney">
        <!-- <section> -->
        <!-- <p class="imag"> -->
        <a href="index.html" class="resetCS">
            <img src="./img/gwc_shouye.png" alt="">
            <!-- </p> -->
            <span>首页</span>
        </a>

        <a href="menu.html" class="resetCS">
            <img src="./img/gwc_wan.png" alt="">
            <span>菜单</span>
        </a>

        <a href="shoppingCart.html" class="resetCS">
            <img src="./img/gwc_gwc.png" alt="">
            <span id="isChange">购物车</span>
        </a>
        <a href="mine.html" class="resetCS">
            <img src="./img/gwc_me.png" alt="">
            <span>我的</span>
        </a>
    </footer>



    <!-- <section class="payment">
        <span class="yinfu">应付合计： <span class="jiage">￥39.8</span></span>

        <p class="right"></p>
    </section>
    <footer>

    </footer> -->

    <!-- <script>
        function adpater() {
            var changesize = document.documentElement.clientWidth * 100 / 750;
            document.documentElement.style.fontSize = changesize + 'px';
            console.log(changesize);
        }
        adpater();
        window.onresize = adpater;
    </script> -->
</body>

</html>